<template>
	<view class="view">
		<view class="floor-item">
			<image :src="classes.url" class="icon" mode="aspectFill"></image>
		</view>
	</view>
	
	
</template>

<script>
	export default {
		name:"my-imageitem",
		props:{
			classes:{
				type:Object
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	
.floor-item{
		width: 320rpx;
		height: 450rpx;
		display: inline-block;
		  margin-bottom: 16px;
		  padding: 8px;
		  border: 1px solid #0293; /* 基本边框 */
		  border-radius: 10px; /* 圆角 */
		  background-clip: padding-box; /* 背景不会超出边框范围 */
		  box-shadow: 
		    0 0 0 1px rgba(0, 0, 120, 0.3), /* 外阴影 */
		    0 0 0 3px rgba(0, 0, 120, 0.1) inset, /* 内阴影 */
		    0 6px 3px -3px rgba(0, 0, 0, 0.3); /* 内阴影偏移 */
		  color: #00f;
		  text-shadow: 0 1px 1px rgba(0, 0, 120, 0.3);
		  
		  .icon{
		  	width: 320rpx;
		  	height: 450rpx;
		  }
	}
	

</style>